<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: lijincheng
  Date: 2021/5/5
  Time: 11:54 上午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Book Library - Book Guide Author, Publication and Store</title>
    <!-- CUSTOM STYLE -->
    <link href="/css/style.css" rel="stylesheet">
    <!-- THEME TYPO -->
    <link href="/css/themetypo.css" rel="stylesheet">
    <!-- BOOTSTRAP -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- COLOR FILE -->
    <link href="/css/color.css" rel="stylesheet">
    <!-- FONT AWESOME -->
    <link href="/css/font-awesome.min.css" rel="stylesheet">
    <!-- BX SLIDER -->
    <link href="/css/jquery.bxslider.css" rel="stylesheet">
    <!-- Boostrap Slider -->
    <link href="/css/bootstrap-slider.css" rel="stylesheet">
    <!-- Widgets -->
    <link href="/css/widget.css" rel="stylesheet">
    <!-- Owl Carusel -->
    <link href="/css/owl.carousel.css" rel="stylesheet">
    <!-- responsive -->
    <link href="/css/responsive.css" rel="stylesheet">
    <!-- Component -->
    <link href="/js/dl-menu/component.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/bookblock.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="loader-wrapper">
    <div id="loader"></div>

    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>

</div>
<!--WRAPPER START-->
<div class="wrapper kode-header-class-3">
    <!--HEADER START-->
    <header class="header-3">
        <div class="container">
            <div class="logo-container">
                <div class="row">
                    <div class="col-md-3">
                        <!--LOGO START-->
                        <div class="logo">
                            <a href="#"><img src="/images/logo-2.png" alt=""></a>
                        </div>
                        <!--LOGO END-->
                    </div>
                    <div class="col-md-9">
                        <div class="top-strip">
                            <div class="pull-left">
                                <p>Welcome to Library theme</p>
                            </div>
                            <div class="social-icon">
                                <c:choose>
                                    <c:when test="${sessionScope.user == null}">
                                        <li><a id="onload-login" href="javascript:void(0)" class="pull-left">亲，请登录</a>
                                        <a href="${pageContext.request.contextPath}/register/index"
                                               class="pull-left">免费注册</a></li>
                                    </c:when>
                                    <c:otherwise>
                                        <li><a href="#" class="pull-left">欢迎 ${sessionScope.user.getUName()}</a></li>
                                    </c:otherwise>
                                </c:choose>
                            </div>
                        </div>
                        <div class="kode-navigation">
                            <ul>
                                <li><a href="index.html">Home</a>
                                    <ul>
                                        <li><a href="index-1.html">Home page 1</a></li>
                                    </ul>
                                </li>

                                <li><a href="books.html">图书分类</a>
                                    <ul>
                                        <c:forEach items="${cateList}" var="c">
                                            <li><a href="/book/list/${c.id}">${c.bcName}</a></li>
                                        </c:forEach>
                                    </ul>
                                </li>
                                <c:choose>
                                    <c:when test="${sessionScope.user != null}">
                                        <li><a href="blog.html">图书管理</a>
                                            <ul>
                                                <li><a href="blog-2column.html">发布图书</a></li>
                                                <li><a href="blog-full.html">我的发布记录</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">购物车</a>
                                            <ul>
                                                <li><a href="blog-2column.html">我的购物车</a></li>
                                                <li><a href="blog-full.html">我的发布记录</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">订单管理</a>
                                            <ul>
                                                <li><a href="blog-2column.html">所有订单</a></li>
                                                <li><a href="blog-full.html">待收货</a></li>
                                                <li><a href="blog-full.html">已完成</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">个人中心</a>
                                            <ul>
                                                <li><a href="blog-2column.html">个人信息</a></li>
                                                <li><a href="blog-full.html">退出登陆</a></li>
                                            </ul>
                                        </li>
                                    </c:when>
                                </c:choose>
                                <li class="last"><a href="#">Pages</a>
                                    <ul class="children">
                                        <li><a href="error-404.html">Error 404</a></li>
                                        <li><a href="coming-soon.html">Comming Soon</a></li>
                                        <li class="last"><a href="gallery-2col.html">Gallery</a>
                                            <ul>
                                                <li><a href="gallery-2col.html">Gallery 2 Col</a></li>
                                                <li><a href="gallery-3col.html">Gallery 3 Col</a></li>
                                                <li><a href="gallery-4col.html">Gallery 4 Col</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="last"><a href="contact-us.html">Contact Us</a></li>
                            </ul>
                        </div>
                        <div id="kode-responsive-navigation" class="dl-menuwrapper">
                            <button class="dl-trigger">Open Menu</button>
                            <ul class="dl-menu">
                                <li class="menu-item kode-parent-menu"><a href="index.html">Home</a>
                                    <ul class="dl-submenu">
                                        <li><a href="index-1.html">Home page 1</a></li>
                                    </ul>
                                </li>
                                <li><a href="about-us.html">About Us</a></li>
                                <li class="menu-item kode-parent-menu"><a href="books.html">Our Books</a>
                                    <ul class="dl-submenu">
                                        <li><a href="books3-sidebar.html">Book With Sidebar</a></li>
                                        <li><a href="books-detail.html">Book Detail</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item kode-parent-menu"><a href="blog.html">Blog</a>
                                    <ul class="dl-submenu">
                                        <li><a href="blog-2column.html">Blog 2 Column</a></li>
                                        <li><a href="blog-full.html">Blog Full</a></li>
                                        <li><a href="blog-detail.html">Blog Detail</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item kode-parent-menu last"><a href="authors.html">Authors</a>
                                    <ul class="dl-submenu">
                                        <li><a href="authors.html">Authors</a></li>
                                        <li><a href="author-detail.html">Authors Detail</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item kode-parent-menu last"><a href="#">Events</a>
                                    <ul class="dl-submenu">
                                        <li><a href="events-2column.html">Event 2 Column</a></li>
                                        <li><a href="events-3column.html">Event 3 Column</a></li>
                                        <li><a href="event-full.html">Event Single</a></li>
                                        <li><a href="event-detail.html">Event Detail</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item kode-parent-menu last"><a href="#">Pages</a>
                                    <ul class="dl-submenu">
                                        <li><a href="error-404.html">Error 404</a></li>
                                        <li><a href="coming-soon.html">Comming Soon</a></li>
                                        <li class="menu-item kode-parent-menu last"><a
                                                href="gallery-2col.html">Gallery</a>
                                            <ul class="dl-submenu">
                                                <li><a href="gallery-2col.html">Gallery 2 Col</a></li>
                                                <li><a href="gallery-3col.html">Gallery 3 Col</a></li>
                                                <li><a href="gallery-4col.html">Gallery 4 Col</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="last"><a href="contact-us.html">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--HEADER END-->
    <!--BANNER START-->
    <div class="kode-banner">
        <ul class="bxslider">
            <li>
                <img src="/images/banner-1.png" alt="">
                <div class="kode-caption-2">
                    <h5>Are you searching a book...?</h5>
                    <h2>Biggest Library</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emque
                        laudantium, totam rem aperiam.ipsam voluptatem.</p>
                    <div class="caption-btns">
                        <a href="#">See More</a>
                        <a href="#">Buy Now</a>
                    </div>
                </div>
            </li>
            <li>
                <img src="/images/banner-2.png" alt="">
                <div class="kode-caption-2">
                    <h5>Are you searching a book...?</h5>
                    <h2>Biggest Library</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emque
                        laudantium, totam rem aperiam.ipsam voluptatem.</p>
                    <div class="caption-btns">
                        <a href="#">See More</a>
                        <a href="#">Buy Now</a>
                    </div>
                </div>
            </li>
            <li>
                <img src="/images/banner-3.png" alt="">
                <div class="kode-caption-2">
                    <h5>Are you searching a book...?</h5>
                    <h2>Biggest Library</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emque
                        laudantium, totam rem aperiam.ipsam voluptatem.</p>
                    <div class="caption-btns">
                        <a href="#">See More</a>
                        <a href="#">Buy Now</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!--BANNER END-->
    <!--BUT NOW START-->
    <div class="search-section">
        <div class="container">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation"><a href="#Basic" role="tab" data-toggle="tab">Basic</a></li>
                <li role="presentation" class="active"><a href="#Author" role="tab" data-toggle="tab">Author</a></li>
                <li role="presentation"><a href="#Publications" role="tab" data-toggle="tab">Publications</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="Basic">
                    <div class="form-container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="First Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Middle Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Last Name">
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <button>Search Author</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="Author">
                    <div class="form-container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="First Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Middle Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Last Name">
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <button>Search Author</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="Publications">
                    <div class="form-container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="First Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Middle Name">
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <input type="text" placeholder="Last Name">
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <button>Search Author</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--BUT NOW END-->
    <!--CONTENT START-->
    <div class="kode-content">

        <!--BOOK GUIDE SECTION START-->
        <section>
            <div class="container">
                <!--SECTION CONTENT START-->
                <div class="section-heading-1">
                    <h2>Welcome to the library</h2>
                    <p>Welcome to the Most Popular Library Today</p>
                    <div class="kode-icon"><i class="fa fa-book"></i></div>
                </div>
                <!--SECTION CONTENT END-->
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="kode-service-3">
                            <i class="fa fa-gift"></i>
                            <h3><a href="#">Ebooks</a></h3>
                            <p>an electronic version of a printed book that can be read on a computer.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="kode-service-3">
                            <i class="fa fa-book"></i>
                            <h3><a href="#">audiobooks</a></h3>
                            <p>an audiocassette or CD recording of a reading of a book, typically a novel.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="kode-service-3">
                            <i class="fa fa-clone"></i>
                            <h3><a href="#">Magazine</a></h3>
                            <p>a periodical publication containing articles and illustrations information.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="kode-service-3">
                            <i class="fa fa-calculator"></i>
                            <h3><a href="#">Teans &amp; Kids</a></h3>
                            <p>the years of a person's age from 13 to 19 and are the kids and teens.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--BOOK GUIDE SECTION END-->
        <!--TOP SELLERS SECTION START-->
        <section class="lib-categories-section">
            <div class="container">
                <!--SECTION CONTENT START-->
                <div class="section-heading-1 dark-sec">
                    <h2>Our Top Categories</h2>
                    <p>Here are some of the Top Categories of the Books Available.</p>
                    <div class="kode-icon"><i class="fa fa-book"></i></div>
                </div>
                <!--SECTION CONTENT END-->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#Photography" role="tab" data-toggle="tab">Arts
                        &amp; Photography</a></li>
                    <li role="presentation"><a href="#Biographies" role="tab" data-toggle="tab">Biographies &amp;
                        Memoirsa</a></li>
                    <li role="presentation"><a href="#Business" role="tab" data-toggle="tab">Business</a></li>
                    <li role="presentation"><a href="#Computers" role="tab" data-toggle="tab">Computers &amp;
                        Internet</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="Photography">
                        <ul class="bxslider">
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3>PENDRAGON</h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>PENDRAGON Dr.Machale</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Dr.Machale</p>
                                        <p class="price">$224.20</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book2.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Bridget Jones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Mad About the Boy</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Helen Fielding</p>
                                        <p class="price">$77.70</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book3.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Burnt Siena</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Art History Mystery</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Sara Wisseman</p>
                                        <p class="price">$334.50</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book4.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Chrysalis</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Brave Girl</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>William S.</p>
                                        <p class="price">$24.75</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book5.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Winning</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Winning Story</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Mind Set</p>
                                        <p class="price">$447.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book10.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Dead Water</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Dead Water in the Sea</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Ann Grannger</p>
                                        <p class="price">$777.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book7.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Fault In our Stars</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Paper Towns</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Daniel Abraham</p>
                                        <p class="price">$770.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book8.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Ruby Of Egypt</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Ruby Of Egypt</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cat Howard</p>
                                        <p class="price">$996.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book9.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Fableheaven</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Fableheaven The Master</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Brandon Hall</p>
                                        <p class="price">$542.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Star Trek</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Star Trek Course</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>DisAvowed</p>
                                        <p class="price">$821.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book10.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">City Of Bones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>City Of Bones Lies here</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cassandra Clare</p>
                                        <p class="price">$362.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book2.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Annette Blair</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Annette Blair The Maker</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Vampire Dragon</p>
                                        <p class="price">$599.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                        </ul>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="Biographies">
                        <ul class="bxslider-1">
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book3.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3>PENDRAGON</h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>PENDRAGON Dr.Machale</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Dr.Machale</p>
                                        <p class="price">$224.20</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book4.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Bridget Jones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Mad About the Boy</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Helen Fielding</p>
                                        <p class="price">$77.70</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book7.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Burnt Siena</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Art History Mystery</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Sara Wisseman</p>
                                        <p class="price">$334.50</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book5.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Chrysalis</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Brave Girl</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>William S.</p>
                                        <p class="price">$24.75</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book8.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Winning</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Winning Story</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Mind Set</p>
                                        <p class="price">$447.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book9.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Dead Water</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Dead Water in the Sea</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Ann Grannger</p>
                                        <p class="price">$777.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book13.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Fault In our Stars</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Paper Towns</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Daniel Abraham</p>
                                        <p class="price">$770.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Ruby Of Egypt</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Ruby Of Egypt</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cat Howard</p>
                                        <p class="price">$996.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book4.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Fableheaven</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Fableheaven The Master</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Brandon Hall</p>
                                        <p class="price">$542.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book2.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Star Trek</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Star Trek Course</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>DisAvowed</p>
                                        <p class="price">$821.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book3.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">City Of Bones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>City Of Bones Lies here</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cassandra Clare</p>
                                        <p class="price">$362.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book4.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Annette Blair</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Annette Blair The Maker</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Vampire Dragon</p>
                                        <p class="price">$599.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="Business">
                        <ul class="bxslider-3">
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book4.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3>PENDRAGON</h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>PENDRAGON Dr.Machale</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Dr.Machale</p>
                                        <p class="price">$224.20</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book5.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Bridget Jones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Mad About the Boy</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Helen Fielding</p>
                                        <p class="price">$77.70</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book7.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Burnt Siena</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Art History Mystery</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Sara Wisseman</p>
                                        <p class="price">$334.50</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book8.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Chrysalis</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Brave Girl</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>William S.</p>
                                        <p class="price">$24.75</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book6.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Winning</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Winning Story</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Mind Set</p>
                                        <p class="price">$447.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book9.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Dead Water</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Dead Water in the Sea</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Ann Grannger</p>
                                        <p class="price">$777.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Fault In our Stars</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Paper Towns</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Daniel Abraham</p>
                                        <p class="price">$770.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book2.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Ruby Of Egypt</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Ruby Of Egypt</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cat Howard</p>
                                        <p class="price">$996.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book3.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Fableheaven</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Fableheaven The Master</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Brandon Hall</p>
                                        <p class="price">$542.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book4.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Star Trek</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Star Trek Course</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>DisAvowed</p>
                                        <p class="price">$821.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book5.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">City Of Bones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>City Of Bones Lies here</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cassandra Clare</p>
                                        <p class="price">$362.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book6.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Annette Blair</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Annette Blair The Maker</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Vampire Dragon</p>
                                        <p class="price">$599.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="Computers">
                        <ul class="bxslider-4">
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book5.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3>PENDRAGON</h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>PENDRAGON Dr.Machale</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Dr.Machale</p>
                                        <p class="price">$224.20</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book6.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Bridget Jones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Mad About the Boy</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Helen Fielding</p>
                                        <p class="price">$77.70</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="${pageContext.request.contextPath}/images/book7.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Burnt Siena</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Art History Mystery</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Sara Wisseman</p>
                                        <p class="price">$334.50</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img src="/images/book8.png" alt="">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Chrysalis</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Brave Girl</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>William S.</p>
                                        <p class="price">$24.75</p>
                                        <a href="#" class="add-to-cart">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book9.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Winning</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Winning Story</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Mind Set</p>
                                        <p class="price">$447.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book10.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Dead Water</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Dead Water in the Sea</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Ann Grannger</p>
                                        <p class="price">$777.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book2.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Fault In our Stars</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Paper Towns</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Daniel Abraham</p>
                                        <p class="price">$770.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book6.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">The Ruby Of Egypt</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>The Ruby Of Egypt</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cat Howard</p>
                                        <p class="price">$996.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                            <li>
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book7.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Fableheaven</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Fableheaven The Master</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Brandon Hall</p>
                                        <p class="price">$542.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book10.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Star Trek</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Star Trek Course</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>DisAvowed</p>
                                        <p class="price">$821.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book2.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">City Of Bones</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>City Of Bones Lies here</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Cassandra Clare</p>
                                        <p class="price">$362.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                                <!--PRODUCT GRID START-->
                                <div class="col-md-3 col-sm-6 best-seller-pro">
                                    <figure>
                                        <img alt="" src="/images/book3.png">
                                    </figure>
                                    <div class="kode-text">
                                        <h3><a href="#">Annette Blair</a></h3>
                                    </div>
                                    <div class="kode-caption">
                                        <h3>Annette Blair The Maker</h3>
                                        <div class="rating">
                                            <span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
                                        </div>
                                        <p>Vampire Dragon</p>
                                        <p class="price">$599.75</p>
                                        <a class="add-to-cart" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <!--PRODUCT GRID END-->
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <section class="lib-call-to-action">
            <div class="container">
                <h2>Checkout Huge Feature lists</h2>
                <p>Here are some of the Exciting Book Guide Features.</p>
                <a href="#" class="more">Learn more</a>
            </div>
        </section>
        <!--VIDEO SECTION END-->

        <section class="lib-contact-section">
            <div class="location-text">
                <i class="fa fa-map-marker"></i>
                <h2>Lorem ipsum<br>Sed ut perspiciatis</h2>
                <h4>200 capacity</h4>
                <p>Esse cillum dolore eu fugiat nulla USA</p>
                <span><i class="fa fa-phone"></i>80.828247.89</span>
            </div>
            <div class="kode-thumb">

            </div>
            <div class="map-canvas" id="map-canvas"></div>
        </section>
    </div>
    <!--CONTENT END-->
    <footer class="footer-2">
        <div class="container">
            <div class="lib-copyrights">
                <p>Copyrights © 2015-16 KodeForest. All rights reserved</p>
                <div class="social-icon">
                    <ul>
                        <li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" data-toggle="tooltip" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#" data-toggle="tooltip" title="Tumblr"><i class="fa fa-tumblr"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="back-to-top">
                <a href="#home"><i class="fa fa-angle-up"></i></a>
            </div>
        </div>
    </footer>
</div>
<!--WRAPPER END-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/modernizr.custom.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>
<script src="/js/bootstrap-slider.js"></script>
<script src="/js/waypoints.min.js"></script>
<script src="/js/jquery.counterup.min.js"></script>
<script src="/js/owl.carousel.js"></script>
<script src="/js/dl-menu/jquery.dlmenu.js"></script>
<!--<script src="js/googlemap.js"></script>-->
<script type="text/javascript" src="/lib/hash.js"></script>
<script type="text/javascript" src="/lib/booklet-lib.js"></script>
<script src="/js/jquerypp.custom.js"></script>
<script src="/js/jquery.bookblock.js"></script>
<script src="/js/functions.js"></script>
</body>
</html>
